*{
    padding: 0;
    margin: 0;
}
body,html{
  height: 100%;
  width: 100%;
}
.mktips{
  width: 200px;
  height: 200px;
  background-color: aquamarine;
  color: red;
  line-height: 200px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -100px;
  margin-top: -100px;
}
#test2{
display: flex;
justify-content: space-between;
background-color: aqua;
font-size: 30px;
}
.green{
background-color: green;
}
.blue{
background-color: blue;
}
.red{
background-color: red;
}
.orange{
background-color: orange;
}
.white{
background-color: white;
}
#root{
height: 100%;
width:100%
}
#loading{
width: 100%;
height: 100%;
background-color: black;
opacity:.5  ;
position: fixed;
color: white;
text-align: center;
font-size: 50px;
line-height: 600px;
z-index:99
}

.tip{
width: 100%;
height:100%;
position: fixed;
z-index: 98;
display: flex;
justify-content: center;
align-items: center;

}
.all{
width: 200px;
height: 200px;
opacity: 1;
border: 2px solid red;
position: relative;

}
.bottom{
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
}

.page{
display: flex;
justify-content: center;
}
.go{
    display: inline-flex;
  width: 30px;
  margin-left: 40px;
  height: 30px;
  background-color: yellow;

}


.loading2{
  width: 80px;
  height: 40px;
  margin: 0 auto;
  margin-top:100px;
}
.loading2 span{
  display: inline-block;
  width: 8px;
  height: 100%;
  border-radius: 4px;
  background: lightgreen;
  -webkit-animation: load 1s ease infinite;
}
@-webkit-keyframes load{
  0%,100%{
      height: 40px;
      background: lightgreen;
  }
  50%{
      height: 70px;
      margin: -15px 0;
      background: lightblue;
  }
}
.loading2 span:nth-child(2){
  -webkit-animation-delay:0.2s;
}
.loading2 span:nth-child(3){
  -webkit-animation-delay:0.4s;
}
.loading2 span:nth-child(4){
  -webkit-animation-delay:0.6s;
}
.loading2 span:nth-child(5){
  -webkit-animation-delay:0.8s;
}



.van-button{position:relative;display:inline-block;box-sizing:border-box;height:44px;margin:0;padding:0;font-size:16px;line-height:1.2;text-align:center;border-radius:2px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-appearance:none}.van-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:' '}.van-button:active::before{opacity:.1}.van-button--disabled::before,.van-button--loading::before{display:none}.van-button--default{color:#323233;background-color:#fff;border:1px solid #ebedf0}.van-button--primary{color:#fff;background-color:#07c160;border:1px solid #07c160}.van-button--info{color:#fff;background-color:#1989fa;border:1px solid #1989fa}.van-button--danger{color:#fff;background-color:#ee0a24;border:1px solid #ee0a24}.van-button--warning{color:#fff;background-color:#ff976a;border:1px solid #ff976a}.van-button--plain{background-color:#fff}.van-button--plain.van-button--primary{color:#07c160}.van-button--plain.van-button--info{color:#1989fa}.van-button--plain.van-button--danger{color:#ee0a24}.van-button--plain.van-button--warning{color:#ff976a}.van-button--large{width:100%;height:50px}.van-button--normal{padding:0 15px;font-size:14px}.van-button--small{height:32px;padding:0 8px;font-size:12px}.van-button__loading{color:inherit;font-size:inherit}.van-button--mini{height:24px;padding:0 4px;font-size:10px}.van-button--mini+.van-button--mini{margin-left:4px}.van-button--block{display:block;width:100%}.van-button--disabled{cursor:not-allowed;opacity:.5}.van-button--loading{cursor:default}.van-button--round{border-radius:999px}.van-button--square{border-radius:0}.van-button__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%}.van-button__content::before{content:' '}.van-button__icon{font-size:1.2em;line-height:inherit}.van-button__icon+.van-button__text,.van-button__loading+.van-button__text,.van-button__text+.van-button__icon,.van-button__text+.van-button__loading{margin-left:4px}.van-button--hairline{border-width:0}.van-button--hairline::after{border-color:inherit;border-radius:4px}.van-button--hairline.van-button--round::after{border-radius:999px}.van-button--hairline.van-button--square::after{border-radius:0}